Le but de ce chapitre est de présenter les tree layouts (diagrammes en arbre) permettant de représenter des données en arborescence comme dans un arbre généalogique.

En pratique, on ne vas pas créer un lien pour chaque liaison à faire. On possède un fichier ( lien ) avec déjà les liens à l'intérieur et nous allons nous servir des outils de d3 pour créer un arbre en toute facilité.

Il vous est demandé de faire le travail suivant :

1. Charger le fichier JSON contenant les liens de parentés de la famille
2. Mettre dans des variables nodes et links les noeuds et les liens générés à partir du fichier json
3. Créer les noeuds sur le canvas de façon à ce que l'arbre soit horizontal (point d'origine à gauche du canvas). Couleur au choix
4. Ajouter le nom des personnes aux noeuds. Faire en sorte que le texte n'empiète pas sur le point
5. Relier les noeuds ensemble avec les liens créés précédemment